hyperlink

• The simplest is attribute

  Link

  attaching the link for any cell type and value. You can define target window for the link by LinkTarget attribute. If the cell is editable, the value (but not the link url) can be still edited by clicking in cell outside the link or pressing Enter or F2. The Link attribute does not support catching onclick to the link.
• More complex is

  Link

  Type. Both the link url and link text (and also link target) are defined in cell value, as the first character separated list as '|href|text|target'. For example Col1='|http://www.treegrid.com|TreeGrid web|_blank' To let users to follow the link, set CanEdit='0'. To let users to edit the link text and url set CanEdit='1' and specify what will be edited by EditFormat. You can catch the link click by XML event OnClickLink or by API event OnLinkClick. The Link type supports adding prefixes to text and or to url by Format attribute.
• The link can be defined also by standard HTML <a> tag included in Html type cell or in HtmlPrefix attribute.
  Or it can be simulated in API or XML event OnClick by JavaScript window.open method.

image

• The simplest is

  Icon

  type, it shows in cell only one inactive image defined by the cell value. It produces the smallest HTML code. The icon can be aligned by Align attribute to left, right or center.
• More complex is

  Img

  type, it shows in cell one image, supports resizing and cropping the image and also hyperlink. The image source, size and link is defined in cell value, as the first character separated list as '|src|width|height|left|top|link'. For example Col1='|Green.gif|20|20|10|6|http://www.treegrid.com'. If set only width and height, it will be resized to them, if set all four extents, it shows the cut off rectangle from the original image.
  You can catch the link click by XML event OnClickLink or by API event OnLinkClick. The Img type supports adding prefixes to source, text and to url by Format attribute. The Img type can be also editable and permits editing all the source parts, what is edited is defined by EditFormat.

• Side icons

  . In every cell is possible to show side icons along with the cell value, defined by Icon a Button attributes.
  
  • The attribute

    Button

    shows right side icon or button or custom HTML code. All buttons in one column have the same width defined by column's WidthPad attribute.
    The click to the Button can be caught by API event OnButtonClick or by XML event OnClickSide or OnClickSideButton.
  • The attribute

    Icon

    shows left or right side icon. So the cell can have maximally two right side icons or one left and one right.
    The icon position is defined by IconAlign attribute. In one column every Icon can have different width set by IconWidth attribute. The Icon cannot show any HTML code or <button>.
    The click to the Icon can be caught by API event OnIconClick or by XML event OnClickSide or OnClickSideIcon.
• The image can be defined also by standard HTML <img> tag or by tag with defined CSS background-image, included in Html type cell or in HtmlPrefix / HtmlPostfix attribute.
  

Panel

Abs